body {
            font-family: Times New Roman, sans-serif;
            text-align: center;
            margin: 20px;
            color: #333;
			padding: 0;
        }
        .logo-container {
            max-width: 600px;
            margin: auto;
        }
h2 {
    color: #008000;
    margin-top: 20px;
}

.letter-code {
    font-weight: bold;
    color: #555;
}

.unavailable {
    text-decoration: underline;
    color: red;
    font-weight: bold;
}

.category {
    font-weight: bold;
    color: #008000;
}

ul {
    list-style-type: square;
}

ul li {
    margin: 5px 0;
}
h2, p, ul, li {
    text-align: left; /* Explicitly left-aligns headings, paragraphs, and lists */
}
.copyright {
    font-size: 14px;
    color: #555;
    text-align: center; /* Centers the copyright text */
    margin-top: 20px;
}
.italic {
    font-style: italic;
	color: red
}

.bold {
    font-weight: bold;
	color: red
}
.center-text {
    text-align: center;
	    font-weight: bold;

}
.red-text {
    color: red;
    font-weight: bold;
	text-align: center;
}
.green-text {
    color: green;
    font-weight: bold;
}

.underline {
    text-decoration: underline;
	text-align: center;
}

.underline1 {
    text-decoration: underline;
	text-align: left;
}
.thematicLetters {
	text-align: center;
}
.content {
    margin-top: 20px;
	text-align: left;
}

.code-list {
    list-style: none;
    padding: 0;
    display: inline-block;
    text-align: left;
}

.code-list li {
    font-size: 18px;
    margin: 5px 0;
	text-align: left;
}